@charset "utf-8";
body{ height: 100%;font-size: 13px;}
.layui-nav *{ font-size: 13px;}
#think_page_trace_open{ display: none;}







#wooBase{ position: relative;}

.woo-header{ position: fixed;width: 100%;height: 49.2px;border-bottom: 0.8px solid #2f9688; left: 0;top: 0; background: #2f9688;z-index: 100;}
.woo-header .header-right{ position: absolute;top: 0;right: 0;height: 50px;}
.woo-header .header-right .layui-nav{ background: transparent;}
.woo-header .header-right .layui-nav .layui-nav-item{ height: 50px;line-height: 50px;position: relative;}
.woo-header .header-right .layui-nav a{ text-decoration: none;}
.woo-header .header-right .layui-nav .layui-nav-bar{ background: rgba(0,0,0,0.5);border-radius: 2px; height: 0;display: none;overflow: hidden;}
.woo-header .header-right .layui-nav .layui-this::after{ display: none;}
.woo-header .header-right .layui-nav .layui-nav-more{ right: 12px;}
.woo-header .header-right .layui-nav .layui-nav-item .layui-nav-mored{ }
.woo-header .header-right .layui-nav .layui-nav-item .admin-user{ min-width: 80px; padding-right: 30px;height: 50px;color: rgba(255,255,255,0.8);line-height: 50px;border-left: 1px solid rgba(255, 255, 255, 0.2);padding-left: 12px;}
.woo-header .header-right .layui-nav .layui-nav-item .admin-user .admin-user-name{  font-size: 14px !important;}
.woo-header .header-right .layui-nav .layui-nav-item .admin-user .admin-user-headpic{ display: inline-block;width: 34px;margin-right: 8px;position: relative;top: 0;}
.woo-header .header-right .layui-nav .layui-nav-item .admin-user .admin-user-headpic img{ border-radius: 4px;}
.woo-header .header-right .layui-nav .layui-nav-item.circle>a{ position: relative; display:  inline-block;margin: 11px 11px 0 0; width: 28px;height: 28px;text-align: center;padding: 0;border-radius: 50%;}
.woo-header .header-right .layui-nav .layui-nav-item.circle>a i{  position: absolute;left: 50%;top: 50%;margin: -14px 0 0 -14px;line-height: 28px;width: 28px;text-align: center;font-size: 16px;}

.woo-header .header-right .layui-nav .layui-nav-child{ top: 57px;padding:0;}
.woo-header .header-right .layui-nav .layui-nav-child i.i{  position: absolute;top: -6px;right: 12px;display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid #d2d2d2;border-left: 6px solid transparent;content: '';}
.woo-header .header-right .layui-nav .layui-nav-child .bt{ border-top: 1px solid #ddd;background: #fcfafa;}
.woo-header .header-right .layui-nav .layui-nav-child .fa{ margin-right: 5px;position: relative;left: -5px;}

.woo-header .header-left{ float: left;margin-left: 15px;}
.woo-header .header-left ul li{ height: 38px;line-height: 38px;cursor: pointer;margin: 6px 5px 0;padding: 0 10px;border-radius: 5px;}

.woo-header .header-left ul li:last-child i{ font-size: 20px;position: relative;top: 2px;}
.woo-header .header-left ul li:last-child{ padding: 0 12px;}


.woo-sider{ position: fixed;width: 220px;background: #28333E;overflow: hidden;left: 0;top: 0;bottom: 0;z-index: 101;box-shadow: 1px 0 2px 0 rgba(0,0,0,.05);}
.woo-sider .woo-sider-scroll{ width: 240px;position: relative;height: 100%;overflow-y: auto;}
.woo-sider .woo-logo{  position: fixed;left: 0;top: 0;z-index: 102;width: 220px; background-repeat: no-repeat;background-position: center center;background-color: #009688 !important;color: rgba(255,255,255,.8);box-shadow: 0 1px 2px 0 rgba(0,0,0,.15)}
.woo-sider .woo-logo .name{ font-size: 1.15em;font-weight: 400;height: 50px;line-height: 50px;text-align: center;overflow: hidden;}

#closeSiderbar{ position: relative;z-index: 999; margin-left: 240px;margin-top: 10px; float: left; width: 30px;height: 30px;line-height: 30px;cursor: pointer;border-radius: 50%;text-align: center;}
#closeSiderbar i{ font-size: 16px;color: #fff;opacity: 0.8;}
#closeSiderbar:hover i{ opacity: 1;}

.woo-siderbar{ margin-top: 50px;max-width: 220px;position: relative;overflow-x: hidden;}
.woo-siderbar .layui-nav-tree{ width: 100%;background: none;}
.woo-siderbar .layui-nav-tree li cite{ font-size: 1.06em;}
.woo-siderbar .layui-nav-tree li>a{ padding-top: 8px;padding-bottom: 8px;}
.woo-siderbar .layui-nav-tree li>a:hover{ background-color: transparent;}
.woo-siderbar .layui-nav-tree li>a i{ min-width: 1.8em;font-size: 1.1em;}
.woo-siderbar .layui-nav-tree .layui-nav-more{ right: 15px;}
.woo-siderbar .layui-nav-child a{ padding-left: 45px;}
.woo-siderbar .layui-nav-child{ padding: 5px 0;}
.woo-siderbar .layui-nav-child .layui-nav-child{ background: 0 0 !important;}
.woo-siderbar .layui-nav-child .layui-nav-child a{ padding-left: 70px;}
.woo-siderbar .layui-nav-itemed>a>i { color: #FF5722;}

#wooRight{ position: fixed;left: 220px;top: 50px;right: 0;bottom: 0;z-index: 50;}
#wooRight .layui-tab{ position: absolute;width: 100%; height: 100%;left: 0;top: 0;margin: 0; border-left:0;overflow: hidden;}
#wooRight .tab-title-bg{ position: absolute; left: 0; top: 0;width:100%;height:40px;z-index: 0;background: #fff;box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);z-index: 51;}

#wooRight .layui-tab .layui-tab-title{ border: 0;overflow: visible;transition: none;}
#wooRight .layui-tab .layui-tab-title cite{ font-style: normal;margin-left: 5px;font-size: 13px;}
#wooRight .layui-tab .layui-tab-title li{ height: 40px;overflow: hidden; border-right: 1px solid #f6f6f6;padding: 0 13px 0 15px;}
#wooRight .layui-tab .layui-tab-title li:hover{ background: #f6f6f6;color: #000;}
#wooRight .layui-tab .layui-tab-title li.layui-this{ background: #f6f6f6 ;color: #000;}
#wooRight .layui-tab .layui-tab-title .layui-this::after{ border: 0;}
#wooRight .layui-tab .layui-tab-title li .layui-tab-close{ border-radius: 50%;}
#wooRight .layui-tab .layui-tab-title li b{ display: none; position: absolute;height: 2px;background: #20222A;width: 0;top:0;}
#wooRight .layui-tab .layui-tab-title li b.lt{ right: 50%;}
#wooRight .layui-tab .layui-tab-title li b.rt{ left: 50%;}
#wooRight .layui-tab .layui-tab-title li.layui-this b,#wooRight .layui-tab .layui-tab-title li:hover b{ width: 50%;}


.layui-tab .layui-tab-title{ position: relative;margin: 0 40px;z-index:103 ;}
.layui-tab .layui-tab-title span.layui-tab-bar{ display: none;}
.layui-tab .tab-prev{ z-index: 106 !important; position: absolute;left: 0;height: 32px;top: 0;z-index: 50;width: 39px;text-align: center;padding-top: 8px;border-right: 1px solid #f6f6f6;background: #fff;}
.layui-tab .tab-next{ z-index: 106 !important;position: absolute;right: 0;height: 32px;top: 0;z-index: 50;width: 39px;text-align: center;padding-top: 8px;border-left: 1px solid #f6f6f6;background: #fff;}
.layui-tab .tab-prev:hover,.layui-tab .tab-next:hover{ background: #f6f6f6;color: #000;}
.layui-tab-content{ position: absolute;top: 41px;left: 0;right: 0;bottom: 0;padding: 0;}
.layui-tab-content .layui-tab-item{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 0;}


.admin_home{ overflow-y: auto;}
.admin_content{ padding: 15px;position: relative;min-width: 330px;}
/*
.admin_content .layui-card.b1 .layui-card-header{ border-bottom-color: #41cac0;}
.admin_content .layui-card.b2 .layui-card-header{ border-bottom-color: #5FB878;}
.admin_content .layui-card.b3 .layui-card-header{ border-bottom-color: #78CD51;}
.admin_content .layui-card.b4 .layui-card-header{ border-bottom-color: #58c9f3;}
.admin_content .layui-card.b5 .layui-card-header{ border-bottom-color: #ff6c60;}
.admin_content .layui-card.b6 .layui-card-header{ border-bottom-color: #f1c500;}
.admin_content .layui-card.b7 .layui-card-header{ border-bottom-color: #FF5722;}
.admin_content .layui-card.b8 .layui-card-header{ border-bottom-color: #01AAED;}
*/


.admin_user{ position: relative;padding-right: 115px;}
.admin_user .admin_user_rght{ position: absolute;width: 100px;top: 50%;right: 0;margin-top: -46.5px;}
.admin_user .headimg{ position: relative;  width: 63px;height: 63px;border-radius: 50%;margin: 0 auto;}
.admin_user .headimg i{ position: absolute;left: -3px;top: -3px;bottom: -3px;right: -3px;border: 4px solid #ecab18;border-right-color: #009688;border-bottom-color: #009688; border-radius: 50%;-webkit-transition: all .5s;transition: all .5s;}
.admin_user .headimg a{ position: relative;z-index: 1;}
.admin_user .headimg img{ width: 100%;height: 100%;border-radius: 50%;}
.admin_user .headimg:hover i{ -webkit-transform: rotate(180deg);transform: rotate(180deg);}
.admin_user .welcome{ white-space:nowrap;height: 24px;line-height: 24px;overflow: hidden;padding-top: 6px;text-align: center;}
.admin_user .admin_user_left li{ height: 36px;line-height: 36px;overflow: hidden;white-space:nowrap;}
.admin_user .admin_user_left li span{ }
.admin_user .user_link{ padding: 7px 4px 5px 0; white-space: nowrap;overflow: hidden;}
.admin_user .user_link a{ font-size: 13px;border-color: #e6e6e6 !important;background: #ffffff;color: #333;margin-right: -1px !important;}
.admin_user .user_link a:hover{ color: #41cac0;background: #ffffff;}



.admin_content .layui-table{}
.admin_content .layui-card-header a.action{ position: relative;z-index: 999;top: 2px;}
.admin_content .layui-card-header i.layui-icon{ font-size: 16px !important;color: #666;}

.admin_content .layui-table td,.admin_content .layui-table th{ font-size: 1em !important;padding: 9px 12px;text-align: left;}
.admin_content .layui-table th{ background: rgba(0,0,0,0.05);}
.admin_content .layui-table td a.layui-btn{ font-size: 1em !important; padding: 0 15px;}
.admin_content .layui-table .center{ text-align: center;}
.admin_content .woo-link{ padding: 10px 0 5px;}
.admin_content .woo-link .layui-btn-group{ width: 100.5%;margin: -1px 0 0 0;}
.admin_content .woo-link .layui-btn-group a{ width: 33.3333%;font-size: 13px;border: 1px solid #e6e6e6;background: #ffffff;color: #333;margin-right: -1px !important;}
.admin_content .woo-link .layui-btn-group a:hover{ color: #41cac0;}
.admin_content .Powered{ line-height: 24px;padding-top: 3px;}

.woo-copyright .layui-table td,.woo-copyright .layui-table tr:hover, .woo-copyright .layui-table th{ background: transparent;border-color: transparent;}
.woo-copyright .layui-table td{ color: #009688;}
.woo-copyright .layui-card-header .layui-icon{ float: right;cursor: pointer;}

.admin-carousel.layui-carousel > [carousel-item] > *,.admin-carousel.layui-carousel{ background: #ffffff;}
.admin-carousel .layui-carousel-ind{ position: absolute;right: 0;top: -40px;text-align: right;}
.admin-carousel .layui-carousel-ind ul{ background: none;}
.admin-carousel .layui-carousel-ind ul li{ background: #e2e2e2;}
.admin-carousel .layui-carousel-ind ul li.layui-this,.admin-carousel .layui-carousel-ind ul li:hover{ background: #999!important;}
.admin-shortcut{ height: 194px;}
.admin-shortcut li{ text-align: center;}
.admin-shortcut li i{ background: #F8F8F8; display: block;height: 60px;line-height: 60px;text-align: center;width: 100%;font-size: 30px;border-radius: 2px;}
.admin-shortcut li:hover a{ color: #333;}
.admin-shortcut li:hover i{ background: #f2f2f2;}
.admin-shortcut li span{ margin-top: 3px;display: block;height: 24px;line-height: 24px;overflow: hidden;}

.admin-mcount{ height: 194px;}
.admin-mcount li a{ background: #F8F8F8;display: block;padding: 11px 15px;cursor: pointer;}
.admin-mcount li a:hover{ background: #f2f2f2;}
.admin-mcount li a h2{ font-size: 1em;color: #888;height: 24px;line-height: 24px;}
.admin-mcount li a span{ display: block;height: 36px;line-height: 36px;font-size: 30px;color: #009688;margin-top: 5px;}


.admin-env{ min-height: 244px;}

.admin-use-info{}
.admin-use-info li{ color: #333; opacity: 0.8; height: 40px;line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;border-bottom: 1px dashed #e6e6e6;}
.admin-use-info li:last-child{ border-bottom: 0;}
.admin-use-info li span{ opacity: 1;}
.admin-use-info li  i{ width: 16px;display: inline-block;margin-right: 4px;}

.admin-charts-box, .admin-charts{ height: 330px;}



#lockScreen{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;min-height: 500px;  z-index: 20000;background:rgba(0,0,0,0.85) url(../../images/admin/lockscreenbg.jpg) center center no-repeat;background-size: cover;display: none;}
#lockScreen .init{ 	width: 400px;height: 240px;position: relative;text-align: center;background:rgba(255,255,255,0.4);border-radius: 4px;position: absolute;left: 50%;top: 50%;margin: -50px 0 0 -200px;}
#lockScreen .init .relative{position: relative;top: -150px; }
#lockScreen .init .lockTime{ color: #fff;font-size: 60px;padding-bottom: 20px;}
#lockScreen .init .pic{ text-align: center;}
#lockScreen .init .pic img{ display: block;border-radius: 50%;width: 80px;margin: 0 auto;border: 5px solid #fff;}
#lockScreen .init .pic p{ font-size: 18px;color: #ffffff;}
#lockScreen .init .wrbox{ text-align: center;position: relative;top: -130px;}
#lockScreen .init .wrin{ height: 20px;line-height: 20px;margin: 0;width: 200px;padding: 8px 8px;border:1px solid rgba(0,0,0,0.4);background: #fff;opacity: 0.9;border-radius: 2px;color: #393D49;margin-right: 5px;position: relative;top: 1px;}
#lockScreen .init .layui-btn{ margin-top: 20px;}
#closeLock{ -webkit-animation-duration: 0.8s;  animation-duration: 0.8s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}






body.close-bar-state .woo-sider, body.close-bar-state .woo-siderbar .layui-nav-tree li,body.close-bar-state .woo-sider .woo-logo{ width: 60px;}
body.close-bar-state .woo-siderbar .layui-nav-tree li cite, body.close-bar-state .woo-siderbar .layui-nav-tree li .layui-nav-more,body.close-bar-state .woo-siderbar .layui-nav-tree li dl{ display: none;}
body.close-bar-state .woo-siderbar .layui-nav-tree li.layui-nav-itemed>a{ background:rgba(0,0,0,.3);}
body.close-bar-state #wooRight{ left: 60px;}
body.close-bar-state .woo-siderbar .layui-nav .layui-nav-item a { padding-right: 10px;}
body.close-bar-state .woo-sider .woo-logo span.cms{ display: none;}
body.close-bar-state #closeSiderbar{ margin-left: 80px;}



.woo-sider,
.woo-logo,
#wooRight,
#wooRight .layui-tab,
#closeSiderbar i,
.woo-header .header-left,
.woo-siderbar .layui-nav-tree li,
#closeSiderbar,
#wooRight .layui-tab .layui-tab-title li b,
.admin-shortcut li i,
.admin-mcount li a
{ -webkit-transition: all .3s;transition: all .3s;}

.woo-header .header-left ul li,
.woo-sider .woo-logo .menuBar,
.woo-header .header-right .layui-nav .layui-nav-item.circle>a
{ background: rgba(0,0,0,0.08);color: rgba(255,255,255,0.8);-webkit-transition: all .3s;transition: all .3s;}

.woo-header .header-left ul li.current,
.woo-header .header-left ul li:hover,
.woo-sider .woo-logo .menuBar:hover,
.woo-header .header-right .layui-nav .layui-nav-item.circle>a:hover,
.woo-header .header-right .layui-nav .layui-nav-item .admin-user:hover
{ background: rgba(255,255,255,0.2);color: #fff;}



.full-shade{ position: fixed;z-index: 10000;left: 0;top: 0;right: 0;bottom: 0;background: rgb(0,0,0);opacity: 0.1;display: none;}
.woo-theme{  display: none; position: fixed;right: -305px;bottom: 0;top: 50px;width: 305px;z-index: 10001;background: #fff; box-shadow: 1px 1px 50px rgba(0,0,0,.2);overflow: hidden;}
.woo-theme .layui-card{ width: 325px; box-shadow: none;overflow-x: hidden;position: absolute;height: 100%;left: 0;top: 0;}
.woo-theme .layui-card-body{ padding: 15px 15px 0;}
.woo-theme ul{ width: 305px;}
.woo-theme ul li{ width: 130px;background: #f2f2f2;height: 80px;margin: 0 15px 15px 0;position: relative;cursor: pointer;}
.woo-theme ul li .theme-header{ height: 16px;border-top: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;background: #009688;}
.woo-theme ul li .theme-sider{ position: absolute;left: 0;height: 100%;width: 20%;top: 0;background: #28333E;box-shadow: 1px 0 2px 0 rgba(0,0,0,.05)}
.woo-theme ul li .theme-sider .theme-logo{ position: absolute;width: 100%;height: 16px;left: 0;top: 0;box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);background: #009688;}
.woo-theme ul li .border{ -webkit-transition: all .5s;transition: all .5s;  position: absolute; left: -5px; top: -5px;bottom: -5px;right: -5px;border: 1px solid #5FB878;-webkit-transform: scale(0.5);transform: scale(0.5); opacity: 0;}
.woo-theme ul li:hover .border,.woo-theme ul li.current .border{ -webkit-transform: scale(1);transform: scale(1);opacity: 1;}


/*black*/
body.black .woo-sider{ background-color: #20222A;}

/*coffee*/
body.coffee .woo-sider{ background-color: #2E241B;}
body.coffee .woo-sider .layui-nav-tree .layui-nav-child dd.layui-this,
body.coffee .woo-sider .layui-nav-tree .layui-nav-child dd.layui-this>a{ background-color: #A48566 !important;}

/*purple-red*/
body.purple-red .woo-sider{ background-color: #50314F;}
body.purple-red .woo-sider .layui-nav-tree .layui-nav-child dd.layui-this,
body.purple-red .woo-sider .layui-nav-tree .layui-nav-child dd.layui-this>a{ background-color: #7A4D7B !important;}

/*ocean*/
body.ocean .woo-sider{ background-color: #344058;}
body.ocean .woo-sider .layui-nav-tree .layui-nav-child dd.layui-this,
body.ocean .woo-sider .layui-nav-tree .layui-nav-child dd.layui-this>a{ background-color: #1E9FFF !important;}
body.ocean .woo-sider .woo-logo{ background-color: #1E9FFF !important;}

/*green*/
body.green .woo-sider{ background-color: #3A3D49 ;}
body.green .woo-sider .layui-nav-tree .layui-nav-child dd.layui-this,
body.green .woo-sider .layui-nav-tree .layui-nav-child dd.layui-this>a{ background-color: #5FB878 !important;}
body.green .woo-sider .woo-logo{ background-color: #2F9688 !important;}

/*yellow*/
body.yellow .woo-sider{ background-color: #20222A  ;}
body.yellow .woo-sider .layui-nav-tree .layui-nav-child dd.layui-this,
body.yellow .woo-sider .layui-nav-tree .layui-nav-child dd.layui-this>a{ background-color: #F78400 !important;}
body.yellow .woo-sider .woo-logo{ background-color: #F78400 !important;}

/*red-yellow-header*/
body.red-yellow-header .woo-sider{ background-color: #28333E  ;}
body.red-yellow-header .woo-sider .layui-nav-tree .layui-nav-child dd.layui-this,
body.red-yellow-header .woo-sider .layui-nav-tree .layui-nav-child dd.layui-this>a{ background-color: #AA3130 !important;}
body.red-yellow-header .woo-sider .woo-logo{ background-color: #AA3130 !important;}
body.red-yellow-header .woo-header{ background-color: #F78400;border-bottom-color: #F78400;}

/*ocean-header*/
body.ocean-header .woo-sider{ background-color: #344058;}
body.ocean-header .woo-sider .layui-nav-tree .layui-nav-child dd.layui-this,
body.ocean-header .woo-sider .layui-nav-tree .layui-nav-child dd.layui-this>a{ background-color: #1E9FFF !important;}
body.ocean-header .woo-sider .woo-logo{ background-color: #0085E8 !important;}
body.ocean-header .woo-header{ background-color: #1E9FFF;border-bottom-color: #1E9FFF;}

/*classic-black-header*/
body.classic-black-header .woo-sider{ background-color: #20222A;}
body.classic-black-header .woo-sider .woo-logo{ background-color: #20222A !important;}
body.classic-black-header .woo-header{ background-color: #393D49;border-bottom-color: #393D49;}

/*purple-red-header*/
body.purple-red-header .woo-sider{ background-color: #50314F;}
body.purple-red-header .woo-sider .layui-nav-tree .layui-nav-child dd.layui-this,
body.purple-red-header .woo-sider .layui-nav-tree .layui-nav-child dd.layui-this>a{ background-color: #7A4D7B !important;}
body.purple-red-header .woo-sider .woo-logo{ background-color: #50314F !important;}
body.purple-red-header .woo-header{ background-color: #50314F;border-bottom-color: #50314F;}


/*fashion-red-header*/
body.fashion-red-header .woo-sider{ background-color: #28333E;}
body.fashion-red-header .woo-sider .layui-nav-tree .layui-nav-child dd.layui-this,
body.fashion-red-header .woo-sider .layui-nav-tree .layui-nav-child dd.layui-this>a{ background-color: #AA3130 !important;}
body.fashion-red-header .woo-sider .woo-logo{ background-color: #28333E !important;}
body.fashion-red-header .woo-header{ background-color: #AA3130;border-bottom-color: #AA3130;}




body.black .woo-header,
body.coffee .woo-header,
body.purple-red .woo-header,
body.ocean .woo-header,
body.green .woo-header,
body.yellow .woo-header
{ background-color: #ffffff;border-bottom-color: #f6f6f6;}


body.black .woo-sider .woo-logo,
body.coffee .woo-sider .woo-logo,
body.purple-red .woo-sider .woo-logo
{ background-color: transparent !important;}


body.black #closeSiderbar i,
body.coffee #closeSiderbar i,
body.purple-red #closeSiderbar i,
body.ocean #closeSiderbar i,
body.green #closeSiderbar i,
body.yellow #closeSiderbar i
{ color: #000;}


body.black .woo-header .header-right .layui-nav .layui-nav-item .admin-user,
body.coffee .woo-header .header-right .layui-nav .layui-nav-item .admin-user,
body.purple-red .woo-header .header-right .layui-nav .layui-nav-item .admin-user,
body.ocean .woo-header .header-right .layui-nav .layui-nav-item .admin-user,
body.green .woo-header .header-right .layui-nav .layui-nav-item .admin-user,
body.yellow .woo-header .header-right .layui-nav .layui-nav-item .admin-user
{ color: rgba(0,0,0,0.8);border-left-color:#f6f6f6;}


body.black .woo-header .layui-nav .layui-nav-item .layui-nav-more,
body.coffee .woo-header  .layui-nav .layui-nav-item .layui-nav-more,
body.purple-red .woo-header  .layui-nav .layui-nav-item .layui-nav-more,
body.ocean .woo-header  .layui-nav .layui-nav-item .layui-nav-more,
body.green .woo-header  .layui-nav .layui-nav-item .layui-nav-more,
body.yellow .woo-header  .layui-nav .layui-nav-item .layui-nav-more
{ border-top-color: #666 !important;}

body.black .woo-header .layui-nav .layui-nav-item .layui-nav-mored,
body.coffee .woo-header  .layui-nav .layui-nav-item .layui-nav-mored,
body.purple-red .woo-header  .layui-nav .layui-nav-item .layui-nav-mored,
body.ocean .woo-header  .layui-nav .layui-nav-item .layui-nav-mored,
body.green .woo-header  .layui-nav .layui-nav-item .layui-nav-mored,
body.yellow .woo-header  .layui-nav .layui-nav-item .layui-nav-mored
{ border-color: transparent transparent #666 !important;}

body.black .woo-header .header-right .layui-nav .layui-nav-item .admin-user:hover,
body.coffee .woo-header .header-right .layui-nav .layui-nav-item .admin-user:hover,
body.purple-red .woo-header .header-right .layui-nav .layui-nav-item .admin-user:hover,
body.ocean .woo-header .header-right .layui-nav .layui-nav-item .admin-user:hover,
body.green .woo-header .header-right .layui-nav .layui-nav-item .admin-user:hover,
body.yellow .woo-header .header-right .layui-nav .layui-nav-item .admin-user:hover
{ color:#000;background-color: rgba(0,0,0,0.05);}


body.black #wooRight .layui-tab .layui-tab-title li b,
body.coffee #wooRight .layui-tab .layui-tab-title li b,
body.purple-red #wooRight .layui-tab .layui-tab-title li b,
body.ocean #wooRight .layui-tab .layui-tab-title li b,
body.green #wooRight .layui-tab .layui-tab-title li b,
body.yellow #wooRight .layui-tab .layui-tab-title li b
{ display:  block;}

body.black .woo-header .header-left ul li,
body.black .woo-sider .woo-logo .menuBar,
body.black .woo-header .header-right .layui-nav .layui-nav-item.circle>a,
body.coffee .woo-header .header-left ul li,
body.coffee .woo-sider .woo-logo .menuBar,
body.coffee .woo-header .header-right .layui-nav .layui-nav-item.circle>a,
body.purple-red .woo-header .header-left ul li,
body.purple-red .woo-sider .woo-logo .menuBar,
body.purple-red .woo-header .header-right .layui-nav .layui-nav-item.circle>a,
body.ocean .woo-header .header-left ul li,
body.ocean .woo-sider .woo-logo .menuBar,
body.ocean .woo-header .header-right .layui-nav .layui-nav-item.circle>a,
body.green .woo-header .header-left ul li,
body.green .woo-sider .woo-logo .menuBar,
body.green .woo-header .header-right .layui-nav .layui-nav-item.circle>a,
body.yellow .woo-header .header-left ul li,
body.yellow .woo-sider .woo-logo .menuBar,
body.yellow .woo-header .header-right .layui-nav .layui-nav-item.circle>a
{ background: rgba(0,0,0,0.05);color: rgba(0,0,0,0.8);}


body.black .woo-header .header-left ul li.current,
body.black .woo-header .header-left ul li:hover,
body.black .woo-sider .woo-logo .menuBar:hover,
body.black .woo-header .header-right .layui-nav .layui-nav-item.circle>a:hover,

body.coffee .woo-header .header-left ul li.current,
body.coffee .woo-header .header-left ul li:hover,
body.coffee .woo-sider .woo-logo .menuBar:hover,
body.coffee .woo-header .header-right .layui-nav .layui-nav-item.circle>a:hover,

body.purple-red .woo-header .header-left ul li.current,
body.purple-red .woo-header .header-left ul li:hover,
body.purple-red .woo-sider .woo-logo .menuBar:hover,
body.purple-red .woo-header .header-right .layui-nav .layui-nav-item.circle>a:hover,
body.ocean .woo-header .header-left ul li.current,
body.ocean .woo-header .header-left ul li:hover,
body.ocean .woo-sider .woo-logo .menuBar:hover,
body.ocean .woo-header .header-right .layui-nav .layui-nav-item.circle>a:hover,
body.green .woo-header .header-left ul li.current,
body.green .woo-header .header-left ul li:hover,
body.green .woo-sider .woo-logo .menuBar:hover,
body.green .woo-header .header-right .layui-nav .layui-nav-item.circle>a:hover,
body.yellow .woo-header .header-left ul li.current,
body.yellow .woo-header .header-left ul li:hover,
body.yellow .woo-sider .woo-logo .menuBar:hover,
body.yellow .woo-header .header-right .layui-nav .layui-nav-item.circle>a:hover
{ background: rgba(0,0,0,0.7);color: #fff;}





@media screen and (max-width: 1000px) {
    body.close-bar-state .woo-sider, body.close-bar-state .woo-siderbar .layui-nav-tree li,body.close-bar-state .woo-sider .woo-logo{ width: 0;}
    body.close-bar-state .woo-siderbar .layui-nav-tree li cite, body.close-bar-state .woo-siderbar .layui-nav-tree li .layui-nav-more,body.close-bar-state .woo-siderbar .layui-nav-tree li dl{ display: none;}
    body.close-bar-state .woo-siderbar .layui-nav-tree li.layui-nav-itemed>a{ background:rgba(0,0,0,.3);}
    body.close-bar-state #wooRight{ left: 0;}
    body.close-bar-state #closeSiderbar{ margin-left: 20px;}
}

@media screen and (max-width: 768px) {
    .woo-header .header-left{ display:none;}
    .woo-header .header-right .layui-nav li:nth-child(2) { display: none;}
}


html { -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; height: 100%;font: inherit;overflow-x: hidden;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section{ margin:0;padding:0;border:0;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display: block;}
audio,canvas,progress,video { display: inline-block;vertical-align: baseline;}
audio:not([controls]) { display: none;height: 0;}
a { background: transparent;outline: none; }
a:active,a:hover { outline: 0;}
img { border: 0;max-width:100%;height:auto;width:auto\9;-ms-interpolation-mode: bicubic;}
img.inherit { max-width:  inherit; *width: auto;}
table,tr,td{ max-width: 100%;width:auto\9;}
.video embed,.video object,.video iframe { width:100%;height:auto;}
svg:not(:root) { overflow: hidden;}

button,input,optgroup,select,textarea { color: inherit;font: inherit;margin: 0;}
button { overflow: visible;}
button,select { text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] { cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner { border: 0;padding: 0;}
input { line-height: normal;}
input[type="checkbox"],input[type="radio"] { box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { height: auto;}
input[type="search"] { -webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
textarea { overflow: auto;font-size: 1em;}


*:before,*:after,.sizing { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.ul,ul.list,ul.grid { margin: 0;padding: 0;}
dl dt,dl dd,ul li,ol li { list-style:none; }
dl.grid dt,ul.grid li { float:left; }

.opacity-9 { opacity: 0.9;filter:alpha(opacity=90);}.opacity-8 { opacity: 0.8;filter:alpha(opacity=80);}.opacity-7 { opacity: 0.7;filter:alpha(opacity=70);}.opacity-6 { opacity: 0.6;filter:alpha(opacity=60);}.opacity-5 { opacity: 0.5;filter:alpha(opacity=50);}.opacity-4 { opacity: 0.4;filter:alpha(opacity=40);}.opacity-3 { opacity: 0.3;filter:alpha(opacity=30);}.opacity-2 { opacity: 0.2;filter:alpha(opacity=20);}.opacity-1 { opacity: 0.1;filter:alpha(opacity=10);}
.img-gray { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter: gray;-webkit-filter: grayscale(100%);}
.img-circle { border-radius: 50%;}
.img-blur { filter: url(blur.svg#blur); -webkit-filter: blur(10px); -moz-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); }
.en-font { font-family: Arial,Verdana,sans-serif;}
.coverBg { background-position: center center; background-size: cover;background-repeat: no-repeat;}

.left ,.fl { float:left; }
.right,.fr { float:right; }
.hidden,.r-hidden { display:none; }
.relative { position:relative;}
.absolute { position: absolute; left: 0; top: 0;}
.clear { clear:both; height:0px; overflow:hidden; }
.clearfix:after,ul.grid:after { content: " ";display: block;clear: both;height: 0;}
.clearfix,ul.grid { zoom: 1;}
.transition { -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.transition-delay { -webkit-transition: all 0.4s ease-in 0.4s;-moz-transition: all 0.4s ease-in 0.4s;-o-transition: all 0.4s ease 0.4s;-ms-transition: all 0.4s ease-in 0.4s;transition: all 0.4s ease-in 0.4s;}

h1,.h1 { font-size: 33px;}
h2,.h2 { font-size: 27px;}
h3,.h3 { font-size: 23px;}
h4,.h4 { font-size: 17px;}
h5,.h5 { font-size: 13px;}
h6,.h6 { font-size: 12px;}
p { margin: 10px 0;}

@font-face
{ font-family: lighterFont;src: url('../font/FZLTCXHJW.ttf');}



body { color: #666;font-size: 12px; line-height: 1.5; font-family: Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;background: #f2f2f2;}
.bgWrap { width: 100%;margin: 0 auto; }
.wrap { width: 100%; margin: 0 auto;max-width: 1000px;}
.reset { margin:0px; padding:0px; font-size: 12px;font-weight: normal;}
a { color: #666;text-decoration: none;}
a:hover{ color: #009688;text-decoration: none; }
#think_page_trace_open{ z-index: 9999;}




.layui-btn-shadow{ border-radius: 4px;}

.layui-btn{ background-color: #41cac0; color: #fff;}
.layui-btn:hover,.layui-btn:focus{ background-color: #39b2a9;opacity: 1;}
.layui-btn.layui-btn-shadow{ box-shadow: 0 4px #29b392;}

.layui-btn.layui-btn-primary{ background-color: #bec3c7;color: #fff; }
.layui-btn.layui-btn-primary:hover,.layui-btn.layui-btn-primary:focus{ background-color: #b0b5b9;color: #fff;opacity: 1;}
.layui-btn.layui-btn-shadow.layui-btn-primary{ box-shadow: 0 4px #9c9c9c;}


.layui-btn.layui-btn-success{ background-color: #78CD51;color: #fff; }
.layui-btn.layui-btn-success:hover,.layui-btn.layui-btn-success:focus{ background-color: #6dbb4a;opacity: 1;}
.layui-btn.layui-btn-shadow.layui-btn-success{ box-shadow: 0 4px #61a642;}

.layui-btn.layui-btn-normal{ background-color: #58c9f3;color: #fff; }
.layui-btn.layui-btn-normal:hover,.layui-btn.layui-btn-normal:focus{ background-color: #53bee6;opacity: 1;}
.layui-btn.layui-btn-shadow.layui-btn-normal{ box-shadow: 0 4px #1caadc;}

.layui-btn.layui-btn-danger{ background-color: #ff6c60;color: #fff; }
.layui-btn.layui-btn-danger:hover,.layui-btn.layui-btn-danger:focus{ background-color: #ec6459;opacity: 1;}
.layui-btn.layui-btn-shadow.layui-btn-danger{ box-shadow: 0 4px #d1595a;}

.layui-btn.layui-btn-warm{ background-color: #f1c500;color: #fff; }
.layui-btn.layui-btn-warm:hover,.layui-btn.layui-btn-warm:focus{ background-color: #e4ba00;opacity: 1;}
.layui-btn.layui-btn-shadow.layui-btn-warm{ box-shadow: 0 4px #cab03f;}

.layui-btn.layui-btn-disabled{ background-color: #FBFBFB;color: #C9C9C9; }
.layui-btn.layui-btn-disabled:hover,.layui-btn.layui-btn-disabled:focus{ background-color: #FBFBFB;opacity: 1;}
.layui-btn.layui-btn-shadow.layui-btn-disabled{ box-shadow: 0 4px rgba(0,0,0,.1);}

.layui-btn-group .layui-btn{ border-radius: 0;border-left: 1px solid rgba(255,255,255,.5);}
.layui-btn-group .layui-btn:first-child{ border-top-left-radius: 2px;border-bottom-left-radius: 2px;}
.layui-btn-group .layui-btn:last-child{border-top-right-radius: 2px;border-bottom-right-radius: 2px;}
.layui-btn-group .layui-btn-shadow:first-child{  border-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.layui-btn-group .layui-btn-shadow:last-child{border-top-right-radius: 4px;border-bottom-right-radius: 4px;}

.admin-contextmenu{
    position: absolute;line-height: 36px;
    border: 1px solid #d2d2d2;background-color: white;z-index: 19940201;border-radius: 2px;white-space: nowrap;top:30px;
    /*width: 100px;height: 200px; */
}
.admin-contextmenu ul li{
    padding: 0 15px;
}
.admin-contextmenu ul li:hover{
    background-color: #eee;
    cursor: pointer;
}


/*消息*/
.admin_message{ padding: 15px;margin:  0 auto;-}
.admin_message .notification{ padding:12px 15px; margin-bottom:5px; font-size:14px; color:#333;line-height: 2em;border-radius: 4px; }
.admin_message .success{ border:1px solid #6c3; background:#ddFFdd;color: #000; }
.admin_message .error{ border:1px solid #c63; background: #FFECEC;color: #CA0000;}
.admin_message .redirect,.admin_message .count_down{ padding:10px 0; color:#333; }
.admin_message .count_down span{ color:red; margin:0 5px; }
.admin_message .count_down a{ color:#009688; }
.admin_message .redirect.btn_count_1 a:first-child{ border-radius: 2px;}





.admin_main{ position: absolute;left: 15px;top: 15px;bottom: 15px;right: 15px; background: #fff;box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);border-radius: 2px;}
.admin_header_fixed{  position: fixed;left: 15px;top: 15px;right: 15px; z-index: 99;padding: 15px 0 0; background: #fff;border-radius: 2px;}
.admin_header{ padding:0 15px 15px;border-bottom: 1px solid #FF5722;height: 32px;line-height: 32px;overflow: hidden;white-space: nowrap;}






.admin_header .title{ float: left;font-size: 14px;position: relative;padding-left: 11px; }
.admin_header .title i{ position: absolute;left: 0;top: 50%;width: 5px;height: 18px;background: #FF5722;margin-top: -10px;}
.admin_header .title .parent_info{ font-size: 12px;margin-left: 8px;color: rgba(0,0,0,0.8);text-decoration: underline;/*text-shadow: 0 0 1px #009688;*/}
.admin_header .title .parent_info:hover{ color: #009688;}
.admin_header .action{ float: left;margin-left: 6px;position: relative;padding-left: 8px;}
.admin_header .action b{ position: absolute;left: 0;top: 50%;width: 1px;height: 20px;background: rgba(0,0,0,0.15);margin-top: -10px;}
.admin_header .action a.layui-btn{ position: relative;height: 32px;line-height: 32px;top: -2px;margin-left:5px;}
.admin_header .action a.layui-btn i{ font-size: 14px !important;}

.admin_header .action a.layui-btn:first-child{ margin-left: 0;}


.admin_base{ position: absolute;left: 15px;top: 73px;right: 15px;bottom: 15px;overflow: auto;}

body.layer-iframe-loading .admin_main{ left: 0;top: 0;bottom: 0;right: 0;}
body.layer-iframe-loading .admin_header_fixed{ display: none;}
body.layer-iframe-loading .admin_base{ top: 15px;}

.layui-form-select dl{ padding: 0;}
.layui-form-select dl dd.layui-this{ background-color: #1E9FFF;opacity: 0.8;}


.box_form{ position: relative;padding-top: 5px;}
.box_form .layui-form-item:first-child{ padding-top: 5px !important;}
.box_form .layui-form-item:last-child{ margin-bottom: 0;}
.box_form .form_warning{ position: relative;max-width: 514px;overflow: hidden;padding: 10px 28px 10px 12px; }
.box_form .form_warning strong{ color: #333333;}
.box_form .form_warning a.close { position: absolute;right: 10px;top: 50%;margin-top: -12px;}
.box_form .form_warning a.close i{ color: #ff0000;}

.box_form .layui-input-inline{ width: auto;min-width: 450px;min-height: 30px;}
.box_form .form-item-keyvalue .layui-input-inline
,.box_form .form-item-image .layui-input-inline
,.box_form .form-item-file .layui-input-inline
,.box_form .form-item-checker .layui-input-inline
{ min-width: inherit;}
.box_form  .layui-form-checkbox{ margin: 3px 0 3px 10px;}
.box_form .form-item-checkbox .layui-input-inline label{ margin-left: 5px;position: relative;top: 5px;}
.box_form .form-item-radio .layui-input-inline,.box_form .form-item-checkbox .layui-input-inline{ border:1px solid #E6E6E6;min-height: 36px;}
.box_form .form-item-checker .layui-input-inline{ border-left:1px solid #E6E6E6;min-height: 36px;text-align: center;background: none;}
.box_form .form-item-radio .layui-input-inline .layui-form-radio{ padding-right: 0;}
.box_form .form-item-format .layui-input-inline{ padding: 3px 10px;line-height: 30px;border:1px solid #E6E6E6;min-width: 428px;background:  #F3F3F3;}
.box_form .quick_row .layui-input.form_item{ float: left;width: 60%;}
.box_form .quick_row .layui-form-select{ float: right;width: 38%;}
.box_form .quick_row .layui-btn{ margin-left: 2%;}
.box_form .form-item-radio .layui-input-inline .layui-form-radio span{ font-size: 12px;position: relative;top: -2px;}
.box_form .form-item-editor .layui-input-inline{ padding: 0 0 0 0;}
.box_form .form-item-date .layui-input-inline,.box_form .form-item-datetime .layui-input-inline{ min-width: 274px;}
.box_form .form-item-date .layui-input-inline .form_item,.box_form .form-item-datetime .layui-input-inline .form_item{ background:#fff url(../../images/admin/datePicker.gif) 250px center no-repeat;}
.box_form .form-item-btns{ margin-bottom:10px;}
.box_form .form-item-btns button{ box-shadow: 2px 2px 2px rgba(0,0,0,0.2);}
.box_form .layui-input-error{ display: none; float: left;height: 34px;line-height: 34px;overflow: hidden;background: #FF8080;border: 1px solid #FF5722;padding: 0 8px;color:#fff;min-width: 120px;border-radius: 2px;box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-webkit-animation-duration: 0.6s;  animation-duration: 0.6s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
.box_form .layui-input-error:hover{ background: #FF6060;}
.box_form .layui-input-error i{ margin-right: 5px;color: rgba(255,0,0,0.7);cursor: pointer;}
.box_form .readonly{ background: rgba(0,0,0,0.1);}
.box_form .icon_select{ padding-right: 79px;position: relative;z-index: 9;}
.box_form .icon_select .icon_select_action{ position: absolute; right: 0; top: 0;width: 80px;border-radius: 0 2px 2px 0;padding: 0 ;text-align: center;}
.box_form .icon_select .icon_select_options{ display: none;position: absolute;left: 0;top: 37px;width: 100%;background: #fff;border: 1px solid #D2D2D2;border-radius: 0 0 2px 2px;box-shadow: 1px 1px 2px rgba(0,0,0,0.1);height: 246px;overflow: auto;}
.box_form .icon_select .loading{ padding-left: 50px;background: url(../../images/admin/login_loader.gif) left center  no-repeat;background-size: 40px 40px;width: 180px;margin: 0 auto;margin-top: 120px;color: #333;}
.box_form .icon_select .loading a{ color: #1E9FFF;}
.box_form .icon_select .icon_select_options ul{ padding: 4px;}
.box_form .icon_select .icon_select_options ul li{ width: 28px;height: 28px; line-height: 28px;cursor: pointer; border: 1px solid #e6e6e6;margin: 4px;text-align: center;border-radius: 1px;-webkit-transition: all .4s ease;transition: all .4s ease;}
.box_form .icon_select .icon_select_options ul li:hover{  background: #1E9FFF;color: #fff;border-color:#1E9FFF;}
.box_form .icon_select .icon_select_options .icon_search{ margin: 8px 8px 0;}
.box_form .show-select-file{ position: relative;padding-right:92px;margin-bottom: 8px;}
.box_form .show-select-file .layui-input{ width: 358px;max-width: 100%;}
.box_form .show-select-file .layui-btn{ position: absolute;right: 0;top: 0;}
.box_form .slider-init{ padding: 16px 0 0 16px;}

/*
.box_form .layui-item-info{ clear: both;border-left: 5px solid #009688;background: rgba(0,0,0,0.1); color: #666;float: left;line-height: 26px;padding: 5px 10px;margin: 8px 0 0 110px;}
.box_form .layui-item-info i{ margin-right: 5px;}
*/


.box_form .layui-item-info{ float: left;height: 20px;line-height: 20px;cursor: pointer;padding-top: 9px;margin-right: 10px;}
.box_form .layui-item-info i{ color: #FF5722; -webkit-transition: all 0.5s ease;transition: all 0.5s ease; -webkit-transform:scale(0.9);transform:scale(0.9);}
.box_form .layui-item-info:hover i{ -webkit-transform:scale(1.1);transform:scale(1.1);}
.edit_array table td{ vertical-align: middle;}
.edit_array a{ cursor: pointer;text-decoration: none;}
.edit_array .add-item{ color: #0080FF;text-decoration: underline;display: inline-block;height: 34px;line-height: 34px;padding-left: 3px;padding-bottom: 2px;}
.edit_array td{ padding: 0 2px 2px 0;}
.edit_array .form_key{ width: 178px;}
.edit_array .form_value{  width: 178px;}
.edit_array td a{ display: inline-block;height: 24px;line-height: 24px;color: #0080FF;text-decoration: underline;margin-left: 5px;font-size: 12px;}

.box_form .upload_elem_box{ display: inline-block; height: 36px;line-height: 36px;border: 1px solid #e6e6e6;padding: 0 12px;position: relative;border-radius: 0 2px 2px 0;float: left;text-align: center;min-width: 78px;}
.box_form .upload_elem_box input{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;z-index: 2;cursor: pointer;}
.box_form .upload_elem_box i{ margin-right: 6px;color: #009688;}
.box_form .upload_elem_box:hover{ border-color: #D2D2D2;}
.box_form .upload_elem_box:hover i { opacity: 0.8;}
.box_form span.upload_elem_info{ background: #F2F2F2; float: left; display: inline-block;height: 36px;line-height: 36px;border: 1px solid #e6e6e6;padding: 0 10px;margin-left: 10px;display: none;border-radius: 2px;max-width: 120px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.box_form .img_show{ margin-top: 8px;   border: 1px solid #e6e6e6;border-radius: 2px;padding: 1px;display: inline-block;width: 100px;position: relative;margin-bottom: -7px;}
.box_form .img_show img{ display: block;}

.box_form .img_show .btn,.box_form .file_show .btn{ position: absolute;right: 0;bottom: 0;width: 20px;height: 20px;text-align: center;}
.box_form .img_show .btn i,.box_form .file_show .btn i{ color: #009688;}
.box_form .img_show:hover .btn i,.box_form .file_show:hover .btn i{ -webkit-transform: scale(1.1);transform: scale(1.1);}

.box_form .file_show{ color:#009688 ; background: #F2F2F2; position: relative;height: 36px;line-height: 36px;margin-top: 10px;  border: 1px solid #D2D2D2;border-radius: 2px;display: inline-block;width: 102px;position: relative;text-align: center;}
.box_form .file_show>i{ margin-right: 5px;}
.box_form .file_show span i{ position: absolute;bottom: 3px;right: 3px;}

.box_form .colorBox{ }
.box_form .colorBox .color{ width: 36px;height: 36px;border: 1px solid #E6E6E6;border-radius: 0 2px 2px 0;cursor: pointer;}

.box_form .multi_select .layui-form-select{ float: left;margin-right: 10px;}
.box_form .form-item-multi_select .layui-input-inline{ min-width: 180px;margin-right: 0;}
.box_form .form-item-assoc_select .layui-input-inline{ min-width: inherit;}

#prompt_form.box_form{ padding: 20px 5px 20px 20px;}
#prompt_form.box_form .layui-input-inline{ width: auto;min-width: 338px;max-width: 338px;margin-right: 0;}

.box_form .assoc_select_value{ display: inline-block; height: 36px;line-height: 36px;border: 1px solid #e6e6e6;padding: 0 15px;float: left;border-radius: 0 2px 2px 0;margin-right: 10px; }

/*
.box_form .form_selector{ position: fixed;z-index: 999;right: 0;top: 45%;background: #f2f2f2;box-shadow: -3px 3px 3px rgba(0,0,0,0.1);}
.box_form .form_selector ul li{ color: #FF5722; height: 34px;line-height: 34px;border: 1px solid #FF5722;margin-top: -1px;padding: 0 10px;min-width: 70px;text-align: center;cursor: pointer;}
.box_form .form_selector ul li.current{ background: #FF5722;color: #fff;text-shadow: -2px 2px 2px rgba(0,0,0,0.3);}




.box_form .form_selector ul li:first-child{ border-radius: 3px 0 0 0;}
.box_form .form-error-tip{ display: inline-block;height: 38px;line-height: 38px;color: #9E9E9E;padding-left: 15px;}
*/

.box_form .form_selector{ color: #393D49; border-bottom: 1px solid #5FB878;margin-bottom: 15px;padding-left: 15px;height: 37px;position: relative;}
.box_form .form_selector li{ cursor: pointer;font-size: 13px; padding: 0 20px;height: 36px;line-height: 36px;border: 1px solid transparent;}
.box_form .form_selector li.current{ border-color:#5FB878;border-bottom:2px solid #fff;border-radius: 2px 2px 0 0;color: #5FB878;text-shadow: 0 0 2px rgba(0,0,0,.08);}
.box_form .form_selector .tips{ position: absolute;right: 15px;top: 0;line-height: 37px;color: #5FB878;opacity: 0;transition: all .3s;}
.box_form .form_selector:hover .tips{ opacity: 1;}


body .frame-form .layui-layer-btn{ background:#f1f1f1;box-shadow: -6px 0 6px rgba(0,0,0,0.15);text-align: left;}
body .frame-form .layui-layer-btn .layui-layer-btn0{ margin-left: 115px;}
body .frame-form .layui-layer-title{ }



.menu_select{ position: relative;padding-right: 80px;z-index: 9;}
.menu_select .menu_select_show{ height: 36px;line-height: 36px;border: 1px solid #e6e6e6;padding: 0 10px;background: #fff;}
.menu_select .menu_select_show i{ font-style: normal;margin: 0 2px 0 4px;}
.menu_select .menu_select_action{ position: absolute; width: 80px;height: 100%;right: 0;top: 0;padding: 0;text-align: center;border-radius: 0 2px 2px 0;}
.menu_select .menu_select_options{ display: none; position: absolute;left: 0;top: 37px;width: 100%;background: #fff;border: 1px solid #D2D2D2;border-radius: 0 0 2px 2px;box-shadow: 1px 1px 2px rgba(0,0,0,0.1);height: auto;}
.menu_select .menu_select_options .menu_option{ margin:  10px 10px;border: 1px solid #1E9FFF;padding: 4px 4px;border-radius: 2px;}
.menu_select .menu_select_options .menu_option a{ margin: 4px 4px;display: inline-block;height: 26px;line-height: 26px;padding:0 8px;border-radius: 2px;border: 1px solid #ddd;background-color: rgba(0,0,0,0.01); -webkit-transition: .3s all ease;transition: .3s all ease;}
.menu_select .menu_select_options .menu_option a.same,.menu_select .menu_select_options .menu_option a:hover{ background: #FF5722;color: #fff;border-color:#FF5722;}


.form_tag_container { border: 1px solid #e6e6e6;height: 36px;background: #fff;cursor: pointer;}
.form_tag_container:hover{ border-color: #D2D2D2 ;}
.form_tag_container .tag_write{  height: 20px;line-height: 18px;padding: 8px 5px;margin: 0;margin-left: 5px;border: 0;background: transparent;max-width: 100%;width: 60px;font-size: 12px;}
.tag_each{ color: rgba(0,0,0,0.7); display: inline-block;height: 20px;line-height: 20px;background: rgba(0,0,0,0.1);background-color: #e6e6e6;border: 1px solid #e0e0e0;padding: 2px 6px;margin-left: 8px;border-radius: 2px;}
.tag_each:hover{ border-color: #D2D2D2;color: rgba(0,0,0,0.9);}
.tag_each i{ margin-left: 5px;}

.admin_module_search{  position: relative;padding-top: 25px;margin-bottom: 10px;}
.admin_module_search i.line{ position: absolute;left: 0;top: 13px;width: 95%;height: 0.9px;background:#eeeeee;overflow: hidden;}
#list_search_toggle{ position: absolute;right: 5px;top: 0;margin-right: 0;z-index: 2;border-radius: 12px;padding: 0 10px 0 28px;border: 1px solid #b7b7b7;height: 22px;line-height: 22px;text-shadow: 0 1px 1px rgba(0,0,0,.3);color: #606060; cursor: pointer; background:#f2f2f2 url(../../images/admin/more.png) 10px center no-repeat;}
a#list_search_toggle:hover{ background-color: #fafafa;}

#list_search{ background: #f4f4f4 url(../../images/admin/ui-search.gif) repeat-x scroll 0 0;border: 1px solid #e2e2e2;border-radius: 4px;margin-top: 10px;position: relative;padding:5px 150px 5px 10px;}
#list_search .layui-form-item{ clear: inherit; float: left;margin: 5px 0;}
#list_search .layui-form-item .layui-input-inline{ }
#list_search .search_action{ position: absolute;right: 0;top: 0;text-align: right;padding: 10px 10px 0 0;width: 150px;}
#list_search .search_action .layui-btn + .layui-btn{ margin: 0;margin-left: 5px;}
#list_search .number_range input{ float: left;width: 45%;}
#list_search .number_range span{ float: left;width: 10%;text-align: center;line-height: 38px;}


.box_list{ overflow: auto;border-top: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6; position: absolute;left: 0; right: 0;bottom: 17px;top: 0; }
.box_list .box_content{  }
.box_list .item_action_list{  min-width: 160px; position: absolute;right:0;top: 0;background: #fff;z-index: 1;box-shadow: -1px 0 8px rgba(0,0,0,.08);}
.box_list .item_action_list .layui-btn-group{ text-overflow: ellipsis;white-space: nowrap;padding: 1px 0;height: 30px;border-radius: 4px 0 0 4px;overflow: hidden;}
.box_list .item_action_list table.layui-table { width: 100%;}
.box_list .item_action_list tbody tr{ background:#f9f9f9;}
.box_list .item_action_list tr.hover,.box_list .item_list tr.hover,.box_list .item_action_list tr:hover,.box_list .item_list tr:hover{ background: #f2f2f2;}

.box_list .item_list{ border-left: 1px solid #e6e6e6;}

.box_list .layui-table{ margin: -1px 0 0 0; color: #333;}
.box_list .item_list .layui-table{  margin: -1px 0 0 -1px;}
.box_list .layui-table th{ height: 34px;}

.box_list .layui-table th,.box_list .layui-table td{ text-align: center;padding: 5px 10px;font-size: 12px;vertical-align: middle;}
.box_list .layui-table th.action-placeholder,.box_list .layui-table td.action-placeholder{padding: 5px 0;}

.box_list .layui-table .layui-form-checkbox{ margin: 4px 10px 1px;padding-left: 0;}
.box_list .layui-table .item_action,.box_list .layui-table th, .box_list .layui-table th a{ color: #000 !important;}
.box_list .layui-table .item_action a{ text-decoration: none;}
.box_list .layui-table .layui-btn-sm{ height: 30px;line-height: 30px;padding: 0 8px 0 6px;}
.box_list .layui-table .layui-btn-sm i{ margin-right: 3px;}
/*
.box_list .layui-table .layui-btn-group .layui-btn:first-child{ border-radius: 3px 0 0 3px;}
.box_list .layui-table .layui-btn-group .layui-btn:last-child{ border-radius: 0 3px 3px 0;}*/
.box_list .layui-table .layui-form-switch{ margin-top: 0;}
.box_list .layui-table .list_padding{ text-align: center;}
.box_list .layui-table .list_edit_item{ width: 44px;height: 20px;line-height: 20px;padding: 3px 4px;border:1px solid #e6e6e6 ;margin: 0;background: transparent;border-radius: 2px;text-align: center;}
.box_list .layui-table .list_edit_item:hover{ border-color: #999999;}
.box_list .layui-table .list_edit_item:focus{ border: 2px solid #FF5722;padding: 2px 3px;}
.box_list .layui-table .list_edit_item.list_edit_date, .box_list .layui-table .list_edit_item.list_edit_time{ width: 70px;}
.box_list .layui-table .list_edit_item.list_edit_datetime{ width: 120px;}
.box_list .layui-table .layui-form-select{ text-align: left;}


.box_list .layui-table th a i{ color: #666666;font-size: 14px;}
.box_list .layui-table .list_img{ display: inline-block;padding: 1px;border: 1px  solid #e6e6e6;border-radius: 2px;position: relative;}
.box_list .layui-table .list_img img{ max-height: 28px;display: block;}
.box_list .layui-table .list_img:hover{ border-color:#999999;}
.box_list .layui-table .list_img i.lightense{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.box_list .form-error-tip{ display: inline-block;color: #9E9E9E;}
.box_list .layui-table .list-cell{height: 32px;line-height: 32px;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.box_list .item_list .layui-table td{ max-width: 260px;min-width: 40px;}


.box_list .layui-table td.copy-hidden{ text-align: left;}
.copy-hidden .copy{ opacity: 0;margin-left: 6px;}
.copy-hidden:hover .copy{ opacity: 1;}

.imgHover{ display: none; position: absolute;left: 0;top: 0;z-index: 9999;padding: 2px;border: 1px solid #ddd;border-radius: 4px;background:#fff;}
.imgHover img{ display: block;height: 120px;}
.imgHover i{ position: absolute;top: 50%; left: -7px;margin-top: -3.5px; display: inline-block;border-top: 7px solid transparent;border-right: 7px solid #ccc;border-bottom: 7px solid transparent;content: '';}
/*排序*/
.ui-sortable li.ui-state-default{ border:1px dotted #009688; background-color:rgba(0,0,0,0.1); margin:5px; cursor:move;padding: 5px 10px; }
.ui-sortable li.ui-state-highlight{ min-height:30px; border:1px dashed #09F; background-color:#FCFEC9; margin:5px; }
#sortable{}
#sortable .sort_left{ vertical-align: middle;text-align: left;}
#sortable .sort_left span.em{ margin: 0 10px;}
#sortable .sort_rght{ vertical-align: middle;text-align: right;}
#sortable .sort_rght img{ height: 40px;}



#pageShow{ position: fixed;left: 15px;bottom: 15px; right: 15px;border-radius: 0 0 2px 2px;z-index: 999;}
.nice_pageination{ background: #fff;padding: 0 10px 0 5px;border-top: 1px solid #ddd;color: #333;}
.nice_pageination:hover{ border-top-color: #d1d1d1;}
.nice_pageination table{ float: left;}
.nice_pageination table td{ vertical-align: middle;}
.nice_pageination .nice-link{ display: inline-block;padding: 1px;height: 24px;width: 24px;float: left;}
.nice_pageination .nice-link span{ display: inline-block;position: relative;height: 16px;width:16px;overflow: hidden;margin: 4px;}
.nice_pageination .nice-link span i{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: url(../../images/admin/pagination_icons.png);}
.nice_pageination .nice-link.prev-first-page span i{ background-position: 0 0;}
.nice_pageination .nice-link.prev-page span i{ background-position: -16px 0;}
.nice_pageination .nice-link.next-page span i{ background-position: -32px 0;}
.nice_pageination .nice-link.next-last-page span i{ background-position: -48px 0;}
.nice_pageination .nice-link.page-refresh span i{ background-position: -64px 0;}
.nice_pageination .nice-link.disabled-link{ opacity: 0.5;filter:alpha(opacity=50);cursor: default;}
.nice_pageination .nice-link:hover{ padding: 0;border: 1px solid #ccc;border-radius: 5px; background: #e2e2e2;color: #000;}
.nice_pageination .nice-link.disabled-link:hover{ background: none;}
.nice_pageination #goPage{ text-align: center;height: 20px;line-height: 20px;border: 1px solid #d3d3d3;margin: 0 3px;width: 2em;padding: 1px 4px;border-radius: 1px;}
.nice_pageination #goPage:hover{ border-color: #999999;}
.nice_pageination #goPage:focus{ border:2px solid #FF5722;padding: 0 3px;}
.nice_pageination .separator{ border-left: 1px solid #ccc;border-right: 1px solid #fff;float: left;height: 24px;margin: 4px 1px;}
.nice_pageination .separator.mr{ margin-right: 6px;}
.nice_pageination .separator.ml{ margin-left: 6px;}
.nice_pageination .pageination-info{ float: right;height: 32px;line-height: 32px;}
.nice_pageination.ajax_page{ margin-top: 10px; min-width: 300px;}
.nice_pageination.ajax_page table{ margin: 0 auto;}


#set_frame{ position: relative;}
#set_frame .loading{ position: relative;top: 100px;left: 48%;}


#menu_tree{ }
#menu_tree .menu_level{}
#menu_tree .menu_level .self{ height: 49px;line-height: 49px;border-bottom: 1px solid #dddddd;padding-left: 18px;position: relative;cursor: pointer;overflow: hidden;}
#menu_tree .menu_level .self .lline{ position: absolute;left:0;bottom: -1px;height: 100%;width: 2px;background: #009688;}
#menu_tree .menu_level .self .menu_info{ float: left;}
#menu_tree .menu_level .self .menu_info{ color:rgba(0,0,0,0.7);}
#menu_tree .menu_level .self .menu_info .fa-icon{ padding: 20px 0 0;margin-right: 12px;color: #009688;}
#menu_tree .menu_level.no_child .self .menu_info .fa-icon{ opacity: 0.45;}
#menu_tree .menu_level .self .menu_info span.left{ margin-right: 5px;}
#menu_tree .menu_level .self .menu_info span.menu_title{ font-size: 14px; color:#FF5722;margin-right: 12px;}
#menu_tree .menu_level .self .menu_info span.menu_title a{ color: #FF5722;}
#menu_tree .menu_level .self .menu_info span.menu_child_count{ color: #009688;}
#menu_tree>.menu_level>.menu_children{ display: none;}


#menu_tree .menu_level .self .menu_action{ height: 100%; position: absolute;right: 0;top: 0; padding-right: 20px;opacity: 0;}
#menu_tree .menu_level .self .menu_action a{ margin-left: 10px;color: #0477FA;}
#menu_tree .menu_level .self .menu_action a i{margin-right: 4px;}
#menu_tree .menu_level .self .menu_action a i.fa-plus{ color: #008C00;}
#menu_tree .menu_level .self .menu_action a i.fa-sort{color:#FF5722;}
#menu_tree .menu_level .self .menu_action a i.fa-edit{color: #A2A200;}
#menu_tree .menu_level .self .menu_action a i.fa-close{ color: #990000;}
#menu_tree .menu_level .self .menu_action a i.fa-eye{ color: #000;}
#menu_tree .menu_level .self .menu_action a i.fa-picture-o{ color: #8000FF;}
#menu_tree .menu_level .menu_children{ margin-left: 35px;}


#menu_tree .menu_level .self:hover{ background:rgba(0,0,0,0.03);}
#menu_tree .menu_level .self:hover .menu_action{ opacity: 1;}
#menu_tree .menu_level.isClick>.self{ background:rgba(0,0,0,0.12);}

#menu_tree .menu_level .self .power{ float: right;padding-right: 20px; }
#menu_tree .menu_level .self .power .layui-form-switch{ margin-top: 0;}

#Power{ padding-left: 275px;position: relative;}
#Power .userList{ position: fixed;left: 30px;top: 70px; width: 240px;height: 100%;border-right: 1px solid #ddd;padding-right: 20px;}
#Power .userList ul{ padding-top: 60px;}
#Power .userList li{ font-size: 14px;}
#Power .userList li .ug{ height: 40px;line-height: 40px;border-bottom: 1px solid #dddddd;border-left: 2px solid #009688;padding-left:15px ;}
#Power .userList li .ug i{ margin-right: 6px;color: #009688;cursor: pointer;}
#Power .userList li dl{ margin-left: 25px;}
#Power .userList li dl dd{ height: 38px;line-height: 38px;border-bottom: 1px solid #dddddd;border-left: 2px solid #009688;padding-left:15px ;}
#Power .userList li dl dd .remove{ float: right;color: rgba(0,0,0,0.3);display: none;margin-right: 5px;}
#Power .userList li dl dd .remove:hover{ color: rgba(0,0,0,0.6);}
#Power .userList li dl dd:hover .remove{ display: block;}
#Power .userList li a.current{ color: #FF5722;font-weight: bold;}


#Power .userList .layui-btn-group{ margin-top: 20px;width: 100%;}
#Power .userList .layui-btn-group .layui-btn{ width: 33.33%;}
#Power .userList .layui-btn-group + .layui-btn-group{ margin: 20px 0 0 0;}

#Power #menu_tree .menu_level .self{ height: 41px;line-height: 41px;}
#Power #menu_tree .menu_level .self .menu_info .fa-icon{ padding-top: 16px;}

#Power.concise #menu_tree .nc{ display: none;}



body .cke_dialog_ui_input_file{ height: 300px;}


.assoc_load_box{ max-width: 500px;margin: 0 auto;overflow:hidden;font-size: 12px;}
.assoc_load_box .error{ border:1px solid #c63; background: #FFECEC;color: #CA0000;padding:12px 15px; margin-bottom:10px; font-size:14px; color:#333;line-height: 2em;border-radius: 4px;}
.assoc_load_box .search{ position: relative;padding-right: 64px;}
.assoc_load_box .search .assoc_select_search{ position: absolute;right: 0;top: 0;}
.assoc_load_box .action{ text-align: center;}
.assoc_load_box .layui-table td{ padding:  5px 15px;font-size: 12px;}
.assoc_load_box .no_list{ padding-top: 15px;color: #9E9E9E;}


#importList{ overflow: auto;}
#importList .layui-table{ margin: 0;}
#importList .layui-table td,#importList .layui-table th{ padding: 5px;vertical-align: middle;}
#importList .layui-table td{ padding: 2px;min-width:60px}
#importList .layui-table td.center, .layui-table th{ text-align: center;}
#importList .layui-input{ height: 32px;border: 1px solid transparent;background: transparent;}
#importList .layui-input:focus{ border: 1px solid red;background: #fff;}
#importList .list-cell{
    height: 32px;
    line-height: 32px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#importContainer{ display: none; position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 999;background: rgba(0,0,0,0.4);}
#import{ width: 500px;box-shadow: 3px 3px 3px rgba(0,0,0,0.2);position: absolute;left: 50%;top: 50%;margin: -236px 0 0 -250px;}
#import .title{ height: 60px;line-height: 60px;background: #009688;color: #fff;border-radius: 5px 5px 0 0;padding: 0 30px;font-size: 20px;}
#import .title .close{ float: right;color: #fff;display: none;}
#import .content{ background: #ffffff;padding: 30px 30px 0;}
#importRslt{ height: 300px;overflow-y: scroll;border: 1px solid #ccc;padding: 10px;border-radius: 3px;box-shadow: 0 0 5px rgba(0,0,0,0.2) inset;}
#importRslt .fa-check{ color: #008040;margin-right: 5px;}
#importRslt .fa-remove{ color: red;margin-right: 5px;}
#importRslt li{ line-height: 28px;border-bottom: 1px dotted #ddd;}
#import .tips{ background: #ffffff;text-align: center;line-height: 24px;padding: 18px 0;color: #009688;}


#addonList{ padding: 5px;}
#addonList .layui-elem-quote{ margin: 0 5px 10px;}
#addonList .layui-elem-quote a{ margin-left: 10px;color: #009688;}
#addonList li{ width: 25%;}
#addonList li .info{ border: 1px solid #ddd;margin: 5px;border-radius: 2px;background: #fff;}
#addonList li .item_name{ border-bottom: 1px solid #ddd;padding: 0 10px;height: 34px;line-height: 34px;color: #393D49;}
#addonList li .item_name span{ float: right;color: #c2c2c2;}
#addonList li .item_tit{ height: 36px;line-height: 36px;font-weight: bold;padding: 0 10px;overflow: hidden;}
#addonList li .item_summary{ padding: 0 10px;line-height: 24px;height: 48px;overflow: hidden;color: #c2c2c2;}
#addonList li .item_action{ text-align: center;padding: 10px;}


@media screen and (max-width: 1288px) {
    #addonList li{ width: 33.333%;}
}

@media screen and (max-width: 768px) {
    .admin_header .title,.admin_header .action b{ display:none;}
    .admin_header .action{ padding: 0;margin: 0;}
    #menu_tree .menu_level .self:hover .hover_hidden{ display:none;}

    .box_form .layui-input-inline{ max-width: 100% !important;min-width: inherit;}
    #addonList li{ width: 50%;}
    .nice_pageination .pageination-info{ position: absolute;top: 0;right: 0;}
    .box_form .form_selector .tips{ display: none;}
}

@media screen and (max-width: 450px) {

    #addonList li{ width: 100%;}
    .nice_pageination .pageination-info{ display: none;}
}





